
<html>
<head> 

<title>O potiguar</title>
<meta charset='UTF-8'>
<style type="text/css">
form,button {
	border: 2px;
	margin: 0;
	padding: 4px;
}

.spacer {
	clear: both;
	height: 1px;
}
/* ----------- My Form ----------- */
.myform {
	margin: 0 auto;
	width: 500px;
	height: 250px;
	padding: 40px;
}

/* ----------- stylized ----------- */
#stylized {
	border: solid 5px #FFFFFF;
	background: #FFEC8B;
}

#stylized p {
	color: #000000;
	font-size: 20px;
	font-family: 'Purisa';
	font-weight: bolder;
	margin-bottom: 15px;
	border-bottom: solid 1px #FFFFFF;
	padding-bottom: 10px;
}

#stylized label {
	display: block;
	font-size: 20px;
	text-align: right;
	width: 140px;
	float: left;
}

#stylized .small {
	color: #000000;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 140px;
}

#stylized input {
	float: left;
	font-size: 16px;
	padding: 4px 2px;
	border: solid 1px #FFD700;
	width: 250px;
	margin: 2px 0 20px 10px;
	font-family:'Purisa';
}

#stylized button {
	clear: both;
	margin-left: 2px;
	width: 200px;
	height: 60px;
	background: #FFFFFF url(img/button.png) no-repeat;
	text-align: center;
	line-height: 20px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Purisa';
}
</style>
</head>
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
<body > 
	<br>
<div align="center">
<img class="banner" src= "/public/images/banner cópia.jpg"> 	 
</div>

<div align="right">
<TABLE BACKGROUND="#CDB38B"  > 
<TR> 

	<td class="head1"><a href=@{Application.index()}> <cabecalho>Início  </cabecalho></a></td> <td>
	<td class="head2"><a href=@{ControllerTabref.showcardapio()}> <cabecalho>Cardápio  </cabecalho></a></td><td><td>
	<td class="head3"><a href=@{Application.Localizacao()}><cabecalho>Localização</cabecalho>
	<td class="head4"><a href=@{Application.tela_login()}> <cabecalho>Área restrita</cabecalho></a></td><td><td>
	

</TR>
</TABLE> 
</div>
<br><br>

		<div id="stylized" class="myform" align="center"> 
		<form   action="@{Application.login()}" method="POST">
			<patterntitle>Login</patterntitle>
			<p></p>
			<label>Login:
			</label>
			<input type="text" name="usuario.login" id="name" />
			<br><br>
			<label>Senha:
			</label>
			<input type="password" name="usuario.senha" id="password" />
			<button type="submit">Entrar</button>
			<div class="spacer"></div>

		</form>
		</div>

 </body>